<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>目录页配置 | 中微子代理</title>
    <meta name="generator" content="VuePress 1.9.2">
    <link rel="icon" href="/neutrino-proxy-vuepress/img/favicon.ico">
    <meta name="description" content="一个基于 netty 的、开源的 java 内网穿透项目">
    <meta name="keywords" content="vuepress,theme,blog,vdoing">
    <meta name="theme-color" content="#11a8cd">
    
    <link rel="preload" href="/neutrino-proxy-vuepress/assets/css/0.styles.72eb1676.css" as="style"><link rel="preload" href="/neutrino-proxy-vuepress/assets/js/app.756733d0.js" as="script"><link rel="preload" href="/neutrino-proxy-vuepress/assets/js/2.4ec61f8d.js" as="script"><link rel="preload" href="/neutrino-proxy-vuepress/assets/js/20.03d66876.js" as="script"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/10.e844da0f.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/11.3926765d.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/12.57caf953.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/13.c2fbbac4.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/14.9fbad366.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/15.fbee2b43.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/16.27f8e12a.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/17.d525cdf7.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/18.d9a38399.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/19.d4edb52d.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/21.619151c0.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/22.786c3745.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/23.9d9a0a68.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/24.7ec310f1.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/25.6c3f2489.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/26.2c5749ba.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/27.3a946426.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/28.4cd8aa66.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/3.9b2af462.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/4.1e281399.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/5.a958538c.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/6.4d153b6d.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/7.7ea0385d.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/8.91d0a5fc.js"><link rel="prefetch" href="/neutrino-proxy-vuepress/assets/js/9.3494ec1e.js">
    <link rel="stylesheet" href="/neutrino-proxy-vuepress/assets/css/0.styles.72eb1676.css">
  </head>
  <body class="theme-mode-light">
    <div id="app" data-server-rendered="true"><div class="theme-container sidebar-open have-rightmenu"><header class="navbar blur"><div title="目录" class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/neutrino-proxy-vuepress/" class="home-link router-link-active"><img src="/neutrino-proxy-vuepress/img/logo.png" alt="中微子代理" class="logo"> <span class="site-name can-hide">中微子代理</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/neutrino-proxy-vuepress/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="快速使用" class="dropdown-title"><a href="/neutrino-proxy-vuepress/pages/793dcb/" class="link-title">快速使用</a> <span class="title" style="display:none;">快速使用</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/2f674a/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/d0d7eb/" class="nav-link">Markdown 容器</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/197691/" class="nav-link">Markdown 中使用组件</a></li><li class="dropdown-item"><h4>相关文章</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/8dfab5/" class="nav-link">使目录栏支持h2~h6标题</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/dd027d/" class="nav-link">如何让你的笔记更有表现力</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/2b8e22/" class="nav-link">批量操作front matter工具</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/0fc1d2/" class="nav-link">部署</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/9ae0bd/" class="nav-link">关于写文章和H1标题</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/26997d/" class="nav-link">关于博客搭建与管理</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/c5a54d/" class="nav-link">在线编辑和新增文章的方法</a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="常见问题" class="dropdown-title"><a href="/neutrino-proxy-vuepress/pages/a20ce8/" class="link-title">常见问题</a> <span class="title" style="display:none;">常见问题</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/a20ce8/" class="nav-link">主题配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/f14bdb/" class="nav-link">首页配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/3216b0/" class="nav-link">front matter配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/54651a/" aria-current="page" class="nav-link router-link-exact-active router-link-active">目录页配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/1cc523/" class="nav-link">添加摘要</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/f51918/" class="nav-link">修改主题颜色和样式</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/ce175c/" class="nav-link">评论栏</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/db78e2/" class="nav-link">演示</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/9cc27d/" class="nav-link">最近更新</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/1b12ed/" class="nav-link">关于我们</a></div> <a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
    Gitee地址
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar-hover-trigger"></div> <aside class="sidebar" style="display:none;"><!----> <nav class="nav-links"><div class="nav-item"><a href="/neutrino-proxy-vuepress/" class="nav-link">首页</a></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="快速使用" class="dropdown-title"><a href="/neutrino-proxy-vuepress/pages/793dcb/" class="link-title">快速使用</a> <span class="title" style="display:none;">快速使用</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/793dcb/" class="nav-link">快速上手</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/2f674a/" class="nav-link">目录结构</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/d0d7eb/" class="nav-link">Markdown 容器</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/197691/" class="nav-link">Markdown 中使用组件</a></li><li class="dropdown-item"><h4>相关文章</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/8dfab5/" class="nav-link">使目录栏支持h2~h6标题</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/dd027d/" class="nav-link">如何让你的笔记更有表现力</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/2b8e22/" class="nav-link">批量操作front matter工具</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/0fc1d2/" class="nav-link">部署</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/9ae0bd/" class="nav-link">关于写文章和H1标题</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/26997d/" class="nav-link">关于博客搭建与管理</a></li><li class="dropdown-subitem"><a href="/neutrino-proxy-vuepress/pages/c5a54d/" class="nav-link">在线编辑和新增文章的方法</a></li></ul></li></ul></div></div><div class="nav-item"><div class="dropdown-wrapper"><button type="button" aria-label="常见问题" class="dropdown-title"><a href="/neutrino-proxy-vuepress/pages/a20ce8/" class="link-title">常见问题</a> <span class="title" style="display:none;">常见问题</span> <span class="arrow right"></span></button> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/a20ce8/" class="nav-link">主题配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/f14bdb/" class="nav-link">首页配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/3216b0/" class="nav-link">front matter配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/54651a/" aria-current="page" class="nav-link router-link-exact-active router-link-active">目录页配置</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/1cc523/" class="nav-link">添加摘要</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/f51918/" class="nav-link">修改主题颜色和样式</a></li><li class="dropdown-item"><!----> <a href="/neutrino-proxy-vuepress/pages/ce175c/" class="nav-link">评论栏</a></li></ul></div></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/db78e2/" class="nav-link">演示</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/5d571c/" class="nav-link">案例</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/9cc27d/" class="nav-link">最近更新</a></div><div class="nav-item"><a href="/neutrino-proxy-vuepress/pages/1b12ed/" class="nav-link">关于我们</a></div> <a href="https://gitee.com/dromara/neutrino-proxy" target="_blank" rel="noopener noreferrer" class="repo-link">
    Gitee地址
    <span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></nav>  <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>配置</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/neutrino-proxy-vuepress/pages/a20ce8/" class="sidebar-link">主题配置</a></li><li><a href="/neutrino-proxy-vuepress/pages/f14bdb/" class="sidebar-link">首页配置</a></li><li><a href="/neutrino-proxy-vuepress/pages/3216b0/" class="sidebar-link">front matter配置</a></li><li><a href="/neutrino-proxy-vuepress/pages/54651a/" aria-current="page" class="active sidebar-link">目录页配置</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level2"><a href="/neutrino-proxy-vuepress/pages/54651a/#目录页说明" class="sidebar-link">目录页说明</a></li><li class="sidebar-sub-header level2"><a href="/neutrino-proxy-vuepress/pages/54651a/#配置项" class="sidebar-link">配置项</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header level3"><a href="/neutrino-proxy-vuepress/pages/54651a/#pagecomponent-name" class="sidebar-link">pageComponent.name</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy-vuepress/pages/54651a/#pagecomponent-data" class="sidebar-link">pageComponent.data</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy-vuepress/pages/54651a/#pagecomponent-data-path" class="sidebar-link">pageComponent.data.path</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy-vuepress/pages/54651a/#pagecomponent-data-imgurl" class="sidebar-link">pageComponent.data.imgUrl</a></li><li class="sidebar-sub-header level3"><a href="/neutrino-proxy-vuepress/pages/54651a/#pagecomponent-data-description" class="sidebar-link">pageComponent.data.description</a></li></ul></li><li class="sidebar-sub-header level2"><a href="/neutrino-proxy-vuepress/pages/54651a/#如何在导航栏中添加目录页链接" class="sidebar-link">如何在导航栏中添加目录页链接</a></li></ul></li><li><a href="/neutrino-proxy-vuepress/pages/1cc523/" class="sidebar-link">添加摘要</a></li><li><a href="/neutrino-proxy-vuepress/pages/f51918/" class="sidebar-link">修改主题颜色和样式</a></li><li><a href="/neutrino-proxy-vuepress/pages/ce175c/" class="sidebar-link">评论栏</a></li></ul></section></li></ul> </aside> <div><main class="page"><div class="theme-vdoing-wrapper "><div class="placeholder"></div> <!----> <div class="content-wrapper"><div class="right-menu-wrapper"><div class="right-menu-margin"><div class="right-menu-title">目录</div> <div class="right-menu-content"></div></div></div> <h1><img src="">目录页配置<!----></h1> <div class="page-slot page-slot-top">
    <div class="wwads-cn wwads-horizontal page-wwads" data-id="136"></div>
    <style>
      .page-wwads{
        width:100%!important;
        min-height: 0;
        margin: 0;
      }
      .page-wwads .wwads-img img{
        width:80px!important;
      }
      .page-wwads .wwads-poweredby{
        width: 40px;
        position: absolute;
        right: 25px;
        bottom: 3px;
      }
      .wwads-content .wwads-text, .page-wwads .wwads-text{
        height: 100%;
        padding-top: 5px;
        display: block;
      }
  </style>
  </div> <div class="theme-vdoing-content content__default"><h2 id="目录页说明"><a href="#目录页说明" class="header-anchor">#</a> 目录页说明</h2> <div class="custom-block warning"><p class="custom-block-title">注意</p> <p>目录页数据需要依赖于结构化的侧边栏数据，就是说你需要在<code>config.js</code>配置 <code>sidebar: 'structuring'</code> 或 <code>sidebar: { mode: 'structuring', collapsable: false}</code> 才能实现目录页数据的获取。</p></div> <blockquote><ul><li>目录页文件(<code>.md</code>文件)可以放置在<code>二级目录</code>、<code>三级目录</code>和<code>四级目录</code>。（<a href="/neutrino-proxy-vuepress/pages/33d574/#级别说明">级别说明</a>）</li> <li>如果你不想在侧边栏显示目录页，你可以在<code>一级目录</code>中单独创建一个文件夹放置你的目录页(<code>.md</code>文件)，并在front matter中设置<code>sidebar: false</code>。</li> <li>如果你想让目录页和其他页面一起出现在侧边栏，你可以和其他页面共同放置在相应的文件夹。(不要设置<code>sidebar: false</code>)</li> <li>参照下面的示例配置好front matter，然后就可以在导航栏或首页添加目录页链接了。</li></ul></blockquote> <p><strong>示例</strong>：</p> <div class="language-yaml extra-class"><pre class="language-yaml"><code><span class="token punctuation">---</span>
<span class="token key atrule">pageComponent</span><span class="token punctuation">:</span> <span class="token comment"># 使用页面组件</span>
  <span class="token key atrule">name</span><span class="token punctuation">:</span> Catalogue <span class="token comment"># 组件名：Catalogue =&gt; 目录页组件</span>
  <span class="token key atrule">data</span><span class="token punctuation">:</span> <span class="token comment"># 组件所需数据</span>
    <span class="token key atrule">path</span><span class="token punctuation">:</span>  01.学习笔记/01.前端 <span class="token comment"># 设置为`docs/`下面的某个文件夹相对路径，如‘01.学习笔记/01.前端’ 或 ’01.学习笔记‘ (有序号的要带序号)</span>
    <span class="token key atrule">imgUrl</span><span class="token punctuation">:</span> /img/web.png <span class="token comment"># 目录页内的图片</span>
    <span class="token key atrule">description</span><span class="token punctuation">:</span> JavaScript、ES6、Vue框架等前端技术 <span class="token comment"># 目录描述（可加入a标签）</span>

<span class="token key atrule">title</span><span class="token punctuation">:</span> 前端 <span class="token comment"># 页面标题</span>
<span class="token key atrule">date</span><span class="token punctuation">:</span> <span class="token datetime number">2020-01-12 11:51:53</span> <span class="token comment"># 创建日期</span>
<span class="token key atrule">permalink</span><span class="token punctuation">:</span> /note/javascript <span class="token comment"># 永久链接</span>
<span class="token key atrule">sidebar</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示侧边栏</span>
<span class="token key atrule">article</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不是文章页 (不显示面包屑栏、最近更新栏等)</span>
<span class="token key atrule">comment</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示评论栏</span>
<span class="token key atrule">editLink</span><span class="token punctuation">:</span> <span class="token boolean important">false</span> <span class="token comment"># 不显示编辑按钮</span>
<span class="token punctuation">---</span>
</code></pre></div><div class="custom-block tip"><p class="custom-block-title">提示</p> <p>配置好目录页之后，点击文章页的面包屑将会跳转到目录页。</p></div> <h2 id="配置项"><a href="#配置项" class="header-anchor">#</a> 配置项</h2> <h3 id="pagecomponent-name"><a href="#pagecomponent-name" class="header-anchor">#</a> pageComponent.name</h3> <ul><li>组件名，必需</li> <li>使用目录页时 <strong>必须</strong> 设置为<code>Catalogue</code></li></ul> <h3 id="pagecomponent-data"><a href="#pagecomponent-data" class="header-anchor">#</a> pageComponent.data</h3> <ul><li>组件所需数据，必需</li></ul> <h3 id="pagecomponent-data-path"><a href="#pagecomponent-data-path" class="header-anchor">#</a> pageComponent.data.path</h3> <ul><li>要为其生成目录页的文件夹的相对路径，必需</li> <li>必须是在<code>docs</code>目录底下的文件夹相对路径</li> <li>示例：<code>01.学习笔记</code>或<code>01.学习笔记/01.前端</code>(有序号的要带序号)</li></ul> <div class="custom-block warning"><p class="custom-block-title">注意</p> <p>在<code>v1.8.2</code>版本之前，没有<code>path</code>属性，使用<code>key</code>代替。但<code>key</code>只支持指定<code>一级目录</code>的文件夹名称。</p></div> <h3 id="pagecomponent-data-imgurl"><a href="#pagecomponent-data-imgurl" class="header-anchor">#</a> pageComponent.data.imgUrl</h3> <ul><li>目录页内的图片，可选。(v1.9.4之前必填)</li> <li>图片尺寸在页面中显示为80px*80px</li></ul> <h3 id="pagecomponent-data-description"><a href="#pagecomponent-data-description" class="header-anchor">#</a> pageComponent.data.description</h3> <ul><li>目录描述，必需</li> <li>可加a标签（如需加入a标签时，标签内部的引号请使用单引号）</li></ul> <h2 id="如何在导航栏中添加目录页链接"><a href="#如何在导航栏中添加目录页链接" class="header-anchor">#</a> 如何在导航栏中添加目录页链接</h2> <div class="language-js extra-class"><pre class="language-js"><code> <span class="token comment">// config.js</span>
module<span class="token punctuation">.</span>exports <span class="token operator">=</span> <span class="token punctuation">{</span>
    <span class="token literal-property property">themeConfig</span><span class="token operator">:</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">nav</span><span class="token operator">:</span>  <span class="token punctuation">[</span>
            <span class="token comment">// 没有二级导航时可以直接添加</span>
           <span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'目录页'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/web/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>

          <span class="token comment">// 有二级导航时</span>
           <span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'页面'</span><span class="token punctuation">,</span>
               <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/ui/'</span><span class="token punctuation">,</span>   <span class="token comment">//目录页， vdoing主题新增的配置项，有二级导航时，可以点击一级导航跳到目录页</span>
               <span class="token literal-property property">items</span><span class="token operator">:</span> <span class="token punctuation">[</span>
                 <span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'HTML'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/pages/11/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
                 <span class="token punctuation">{</span><span class="token literal-property property">text</span><span class="token operator">:</span> <span class="token string">'CSS'</span><span class="token punctuation">,</span> <span class="token literal-property property">link</span><span class="token operator">:</span> <span class="token string">'/pages/22/'</span><span class="token punctuation">}</span><span class="token punctuation">,</span>
               <span class="token punctuation">]</span>
            <span class="token punctuation">}</span><span class="token punctuation">,</span>
       <span class="token punctuation">]</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre></div><p>参考：<a href="https://github.com/xugaoyi/vuepress-theme-vdoing/blob/master/docs/.vuepress/config/nav.js" target="_blank" rel="noopener noreferrer">.vuepress/config/nav.js<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a></p></div></div>  <div class="page-edit"><!----> <!----> <div class="last-updated"><span class="prefix">上次更新:</span> <span class="time">2023/03/15, 13:11:57</span></div></div> <div class="page-nav-wapper"><div class="page-nav-centre-wrap"><a href="/neutrino-proxy-vuepress/pages/3216b0/" class="page-nav-centre page-nav-centre-prev"><div class="tooltip">front matter配置</div></a> <a href="/neutrino-proxy-vuepress/pages/1cc523/" class="page-nav-centre page-nav-centre-next"><div class="tooltip">添加摘要</div></a></div> <div class="page-nav"><p class="inner"><span class="prev">
        ←
        <a href="/neutrino-proxy-vuepress/pages/3216b0/" class="prev">front matter配置</a></span> <span class="next"><a href="/neutrino-proxy-vuepress/pages/1cc523/">添加摘要</a>→
      </span></p></div></div></div> <!----></main></div> <div class="footer"><div class="icons"><a href="mailto:aoshiguchen@dromara.org" title="发邮件" target="_blank" class="iconfont icon-youjian"></a><a href="https://gitee.com/dromara/neutrino-proxy" title="Gitee" target="_blank" class="iconfont icon-gitee"></a><a href="https://github.com/aoshiguchen/neutrino-proxy" title="Github" target="_blank" class="iconfont icon-github"></a></div> 
  Theme by
  <a href="https://github.com/xugaoyi/vuepress-theme-vdoing" target="_blank" title="本站主题">Vdoing</a> 
    | Copyright © 2023-2023
    <span>傲世孤尘 | MIT License</span></div> <div class="buttons"><div title="返回顶部" class="button blur go-to-top iconfont icon-fanhuidingbu" style="display:none;"></div> <div title="去评论" class="button blur go-to-comment iconfont icon-pinglun" style="display:none;"></div> <div title="主题模式" class="button blur theme-mode-but iconfont icon-zhuti"><ul class="select-box" style="display:none;"><li class="iconfont icon-zidong">
          跟随系统
        </li><li class="iconfont icon-rijianmoshi">
          浅色模式
        </li><li class="iconfont icon-yejianmoshi">
          深色模式
        </li><li class="iconfont icon-yuedu">
          阅读模式
        </li></ul></div></div> <!----> <!----> <!----></div><div class="global-ui"></div></div>
    <script src="/neutrino-proxy-vuepress/assets/js/app.756733d0.js" defer></script><script src="/neutrino-proxy-vuepress/assets/js/2.4ec61f8d.js" defer></script><script src="/neutrino-proxy-vuepress/assets/js/20.03d66876.js" defer></script>
  </body>
</html>
